<template>
	<view>
		<headtop></headtop>
		<view class="my-xinxi">
			<view class="my-xinxi-head-portrait">
				<image src="../../static/my/my-xinxi-head-portrait.png" mode="" ></image>
			</view>
			<view class="my-xinxi-name">
				<view>欢迎你，{{}}温故知新</view>
			</view>
		</view>
		<view class="my-classify">
				<view class="my-classify-shop-order">
					<view class="headline">富同商城</view>
					<view class="list" @click="shoplist">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我的订单
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
					<view class="list"  @click="site">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							收货地址
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
				</view>
				<view class="my-classify-shop-address">
					<view class="headline">不动产</view>
					<view class="list" @click="estate">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我关注的房源
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
					<view class="list"  @click="plot">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我关注的小区
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view><view class="list"  @click="record">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我的看房记录
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view><view class="list" @click="subscribe">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							预约看房
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
				</view>
				<view class="my-classify-shop-housekeeping " @click="homemaking">
					<view class="headline">家政服务</view>
					<view class="list">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我的订单
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
				</view>
				<view class="my-classify-shop-brigade " @click="brigade">
					<view class="headline">文旅</view>
					<view class="list">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							我的订单
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
				</view>
				<view class="my-classify-shop-address">
					<view class="headline">合伙人</view>
					<view class="list" @click="commission">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							佣金
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
					<view class="list" @click="evolve">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							客户进展走询
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view><view class="list">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							人力
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
					<view class="list" @click="report">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							开支报告申请
						</view>
					</view>
				</view>
				<view class="my-classify-shop-bill ">
					<view class="list" @click="bill">
						<view class="list-label">
							<image src="../../static/my/@1x图片.png" mode=""  ></image>
						</view>
						<view class="list-xinxi">
							个人账单明细
						</view>
						<view class="list-more">
							<image src="../../static/my/@1x图标.png" mode="" ></image>
						</view>
					</view>
				</view>
		</view>
	</view>
</template>

<script>
	import headtop from '../../components/head/myhead.vue'
	export default {
		components: {
			headtop
		},
		data() {
			return {
				
			};
		},
		methods:{
			homemaking(){
				console.log(1);
				uni.navigateTo({
					url:'../../my/homemaking/homemaking'
				})
			},
			commission(){
				uni.navigateTo({
					url:'../../my/commission/commission'
				})
			},
			bill(){
				
				uni.navigateTo({
					url:'/my/bill/bill'
				})
			},
			report(){
				uni.navigateTo({
					url:'/my/report/report'
				})
			},
			estate(){
				uni.navigateTo({
					url:'/my/estate/estate'
				})
			},
			plot(){
				uni.navigateTo({
					url:'/my/estate/plot'
				})
			},
			record(){
				uni.navigateTo({
					url:'/my/estate/record'
				})
			},
			subscribe(){
				uni.navigateTo({
					url:'/my/estate/subscribe'
				})
			},
			shoplist(){
			    uni.navigateTo({
			    url:'/my/shoplist/shoplist'
			    })
			},
			site(){
			    uni.navigateTo({
			    url:'/my/site/site'
			    })
			},
			brigade(){
				uni.navigateTo({
					url:'../../my/brigade/brigade'
				})
			},
			evolve(){
				uni.navigateTo({
					url:'../../my/evolve/evolve'
				})
			}
		}
	}
</script>

<style lang="less">
.my-xinxi{
	width: 750rpx;
	height: 462rpx;
	background: url(../../static/my/mybackground.png) no-repeat;
	background-size: 100% 100%;
}
.my-xinxi-head-portrait{
	width: 258rpx;
	height: 258rpx;
	margin: 0 auto;
	}
.my-xinxi-head-portrait>image{
	width: 100%;
	height: 100%;
	margin-top: 74rpx;
}	
.my-xinxi-name{
	width: 750rpx;
	height: 56rpx;
	text-align: center;
	margin-top: 78rpx;
	font-size: 40rpx;
}
.my-classify{
	width: 750rpx;
}
.my-classify>view{
	margin-top: 20rpx;
	background-color: #FFFFFF;
}
.headline{
	width: 90%;
	font-size: 44rpx;
	margin: 0 auto;
	height: 100rpx;
	line-height: 100rpx;
	}
.list{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	font-size: 34rpx;
	height: 88rpx;
	line-height: 88rpx;
}
.list-label{
	margin-top: 12rpx;
	width:58rpx;
	height: 58rpx;
}
.list-xinxi{
	margin-left: 20rpx;
}
.list-more{
	margin-left: auto;
	width:16rpx;
	height: 26rpx;
}
.list-label>image{
	width: 100%;
	height: 100%;
	}
.list-more>image{
	width: 100%;
	height: 100%;
	}
</style>
